.fileList {
  transition: 0.5s;
  height: 35px;
  width: 100%;
  text-align: left;
  padding-top: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fileList:hover {
  background: linear-gradient(
    60deg,
    #f79533,
    #f37055,
    #ef4e7b,
    #a166ab,
    #5073b8,
    #1098ad,
    #07b39b,
    #6fba82
  );
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.fileName {
  margin-left: 10px;
}

.dargg {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  text-align: left !important;
  background: #00000000 !important;
  border: 0px dashed #d9d9d9 !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  transition: border-color 0.3s !important;
}

.file-button {
  transition: 0.5s;
}

.file-button:hover {
  transition: 0.5s;
  color: #5073b8;
}
.Editor {
  width: 800px;
  height: 600px;
  border: 1px solid #ccc;
}

.highlighter {
  max-height: 600px;
  min-height: 450px;
}

.file-delete {
  transition: 0.5s;
}

.file-delete:hover {
  transition: 0.5s;
  color: #5073b8;
}

.create-time {
  font-size: 10px;
  float: right;
  margin-left: 5px;
}
